iT邦幫忙

2021 iThome 鐵人賽

DAY 22
0
自我挑戰組

Design System Research系列 第 22

2.4.13 Design System - Loading Indicator

  • 分享至 

  • xImage
  •  

時常為自己排序
這是一個老生常談的問題了,工作、家庭、財富、人際、健康,什麼對我們來說是最重要的?
在理智上,很常告訴自己工作不是最重要的 但好像大部分的時候行為上都還是會把工作放在第一位
然後在有餘力思考時,再重新把自己分配給這五項的百分比稍稍調整成滿意的樣子

Loading Indicator 在設計產品的時候蠻容易被忽略的,但其實在意外發生時,它又占了很重要的位置-安撫用戶焦躁不安的心

Loading Indicator 有兩種分類:線性與非線性,ex:長條載入條或圓形載入圈圈
依等待時間是否可預測,在載入動畫上又有兩種差異
可參考 Material Design 在 Type 的動畫

這幾年也觀察到有些手機App上的互動會將 loading 狀態做在 Button 上
Awwwards可以看到很多炫砲的 Loading Page 但大多數專案不太會做到這種程度,一方面是經費問題、一方面是時間問題、一方面是載入速度問題

我們大部分都希望用戶不會在轉換操作步驟時花太多時間在等待,但如果真的必要,這邊有幾個很不錯的 Loading Page 方式可以參考 點我看看→

可以讓用戶感受到進度正在往前且快完成或是利用動畫或遊戲轉移用戶的注意力都是很好的方式


實務經驗上的小故事

盡量一次專心在一件事上,在工作上可能會偶爾需要跟同事討論、檢查信箱、被客戶詢問事情、做設計,當一個專案有這麼多工作任務都有可能會分身乏術了,更不用說大多數時候 PM 都是身兼多個專案的,這時候把自己當作機器人一次只能處理一件事,相同類型的工作任務搜集起來一起批次處理,會有比較好的工作效率

Day 22 End


上一篇
2.4.12 Design System - Lists
下一篇
2.4.14 Design System - Modal/Dialog/Popup/Overlay
系列文
Design System Research30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言